<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@include file="/WEB-INF/pages/common/common.jsp"%>
<title>角色列表</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.STYLE1 {
	font-size: 12px
}

.STYLE4 {
	font-size: 12px;
	color: #1F4A65;
	font-weight: bold;
}

a:link {
	font-size: 12px;
	color: #06482a;
	text-decoration: none;
}

a:visited {
	font-size: 12px;
	color: #06482a;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}

a:active {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}

.STYLE7 {
	font-size: 12
}
-->
</style>
</head>

<body>
	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
		<form id="mainForm" action="${ctx}role/list.htm" method="post">
			<input type="hidden" name="page.pageNo" id="pageNo" value="${page.pageNo}"/>
			<input type="hidden" name="page.orderBy" id="orderBy" value="${page.orderBy}"/>
			<input type="hidden" name="page.order" id="order" value="${page.order}"/>
			<tr>
				<td height="30">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="15" height="30">
								<img src="${ctx}resources/images/page/tab_03.gif" width="15" height="30" />
							</td>
							<td width="1101" background="${ctx}resources/images/page/tab_05.gif">
								<img src="${ctx}resources/images/page/311.gif" width="16" height="16" />
								<span class="STYLE4">角色列表</span>
							</td>
							<td width="281" background="${ctx}resources/images/page/tab_05.gif">
						        <table border="0" align="right" cellpadding="0" cellspacing="0">
									<tr>
										<td width="60">
											<table width="87%" border="0" cellpadding="0" cellspacing="0">
												<tr>
													<td class="STYLE1"><div align="center">
															<input type="checkbox" name="checkbox62" value="checkbox" />
														</div>
													</td>
													<td class="STYLE1">
														<div align="center">全选</div>
													</td>
												</tr>
											</table>
										</td>
										<td width="60"><table width="90%" border="0" cellpadding="0" cellspacing="0">
												<tr>
													<td class="STYLE1">
														<div align="center">
															<img src="${ctx}resources/images/page/001.gif" width="14" height="14" />
														</div>
													</td>
													<td class="STYLE1"><div align="center">新增</div>
													</td>
												</tr>
											</table>
										</td>
										<td width="60"><table width="90%" border="0" cellpadding="0" cellspacing="0">
												<tr>
													<td class="STYLE1">
														<div align="center">
															<img src="${ctx}resources/images/page/114.gif" width="14" height="14" />
														</div>
													</td>
													<td class="STYLE1"><div align="center">修改</div>
													</td>
												</tr>
											</table>
										</td>
										<td width="52"><table width="88%" border="0" cellpadding="0" cellspacing="0">
												<tr>
													<td class="STYLE1"><div align="center">
															<img src="${ctx}resources/images/page/083.gif" width="14" height="14" />
														</div>
													</td>
													<td class="STYLE1"><div align="center">删除</div>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td width="14">
								<img src="${ctx}resources/images/page/tab_07.gif" width="14" height="30" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="9" background="${ctx}resources/images/page/tab_12.gif">&nbsp;</td>
							<td bgcolor="#f3ffe3">
								<table width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#c0de98">
									<tr background="${ctx}resources/images/page/tab_14.gif">
										<td class="STYLE1" colspan="12" height="30px">
										    <span style="padding-left: 40px;">角色名称:<input type="text" name="realName"></span>
										     <span style="padding-left: 20px"><input type="button" name="realName" value="查询"> </span>
										</td>
									</tr>
									<tr>
										<td width="5%" height="26" background="${ctx}resources/images/page/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">选择</div>
										</td>
										<td width="5%" height="18" background="${ctx}resources/images/page/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2 STYLE1" onclick="sort('id','desc')" style="cursor: pointer;">ID</div>
										</td>
										<td width="10%" height="18" background="${ctx}resources/images/page/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2 STYLE1" onclick="sort('roleCname','desc')" style="cursor: pointer;">角色名称</div>
										</td>
										<td width="5%" height="18" background="${ctx}resources/images/page/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2 STYLE1" onclick="sort('roleEname','desc')" style="cursor: pointer;">角色代码</div>
										</td>
										<td width="4%" height="18" background="${ctx}resources/images/page/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">状态</div>
										</td>
										<td width="13%" height="18" background="${ctx}resources/images/page/tab_14.gif" class="STYLE1">
											<div align="center" class="STYLE2">操作</div>
										</td>
									</tr>
									<c:forEach items="${page.result}" var="role">
										<tr>
											<td height="18" bgcolor="#FFFFFF">
												<div align="center" class="STYLE1">
													<input name="checkbox14" type="checkbox" class="STYLE2" value="checkbox" />
												</div>
											</td>
											<td height="18" bgcolor="#FFFFFF" class="STYLE2">
												<div align="center" class="STYLE2 STYLE1">${role.id}</div>
											</td>
											<td height="18" bgcolor="#FFFFFF">
												<div align="center" class="STYLE2 STYLE1">${role.roleCname}</div>
											</td>
											<td height="18" bgcolor="#FFFFFF">
												<div align="center" class="STYLE2 STYLE1">${role.roleEname}</div>
											</td>
											<td height="18" bgcolor="#FFFFFF">
												<div align="center" class="STYLE2 STYLE1">${role.status=="0"?"正常":"无效"}</div>
											</td>
											<td height="18" bgcolor="#FFFFFF">
												<div align="center"> 
													<span class="STYLE2">
														 <img src="${ctx}resources/images/page/037.gif" width="9" height="9" />
													</span> 
													<span class="STYLE1"> [</span>
													<a href="#">编辑</a>
													<span class="STYLE1">]</span> 
													
													<span class="STYLE2">
														 <img src="${ctx}resources/images/page/010.gif" width="9" height="9" /> 
													</span> 
													<span class="STYLE1">[</span>
													<a href="#">删除</a>
													<span class="STYLE1">]</span>
												</div>
											</td>
										</tr>
									</c:forEach>
								</table>
							</td>
							<td width="9" background="${ctx}resources/images/page/tab_16.gif">&nbsp;</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="29"><table width="100%" border="0" cellspacing="0"
						cellpadding="0">
						<tr>
							<td width="15" height="29">
								<img src="${ctx}resources/images/page/tab_20.gif" width="15" height="29" />
							</td>
							<td background="${ctx}resources/images/page/tab_21.gif">
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="25%" height="29" nowrap="nowrap">
											<span class="STYLE1">共${page.totalCount}条纪录，当前第${page.pageNo}/${page.totalPages}页，每页
												<select name="page.pageSize" id="pageSize" onchange="changePageSize()">
													<option value="20" ${page.pageSize==20?"selected":""}>${page.pageSize}</option>
													<option value="40" ${page.pageSize==40?"selected":""}>40</option>
													<option value="60" ${page.pageSize==60?"selected":""}>60</option>
													<option value="80" ${page.pageSize==80?"selected":""}>80</option>
											</select> 条纪录 </span></td>
										<td width="75%" valign="top" class="STYLE1">
											<div align="right">
												<table width="352" height="20" border="0" cellpadding="0" cellspacing="0">
													<tr>
														<td width="62" height="22" valign="middle">
															<div align="right">
																<img src="${ctx}resources/images/page/first.gif" width="37" height="15" style="cursor: pointer;" onclick="jumpPage(1)"/>
															</div>
														</td>
														<c:if test="${page.hasPre}">
															<td width="50" height="22" valign="middle">
																<div align="right">
																	<img src="${ctx}resources/images/page/back.gif" width="43" height="15" style="cursor: pointer;"  onclick="jumpPage(${page.prePage})"/>
																</div>
															</td>
														</c:if>
														<c:if test="${page.hasNext}">
															<td width="54" height="22" valign="middle">
																<div align="right">
																	<img src="${ctx}resources/images/page/next.gif" width="43" height="15" style="cursor: pointer;" onclick="jumpPage(${page.nextPage})"/>
																</div>
															</td>
														</c:if>
														<td width="49" height="22" valign="middle">
															<div align="right">
																<img src="${ctx}resources/images/page/last.gif" width="37" height="15" style="cursor: pointer;" onclick="jumpPage(${page.totalPages})"/>
															</div>
														</td>
														<td width="59" height="22" valign="middle">
															<div align="right" class="STYLE1">转到第</div>
														</td>
														<td width="25" height="22" valign="middle">
															<span class="STYLE7">
																 <input name="pageNo" id="pageNo1" type="text" class="STYLE1" style="height: 15px; width: 25px;" size="5" />
															</span>
														</td>
														<td width="23" height="22" valign="middle" class="STYLE1">页</td>
														<td width="30" height="22" valign="middle">
															<img src="${ctx}resources/images/page/go.gif" width="37" height="15" style="cursor: pointer;" onclick="jumpPage(${page.totalPages})"/>
														</td>
													</tr>
												</table>
											</div>
										</td>
									</tr>
								</table>
							</td>
							<td width="14"><img src="${ctx}resources/images/page/tab_22.gif" width="14" height="29" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</form>
	</table>
</body>
</html>

